<template>
  <div>
    <input type="text" v-model="value">
    <button @click="addTodo"></button>
    <ul>
      <li v-for="(todo,index) in todos" :key="index">
        {{todo}}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '',
      todos: []
    }
  },
  methods: {
    addTodo () {
      this.value && this.todos.push(this.value)
    }
  }
}
</script>

<style>
</style>